<!--<template>-->
<!--    <div class="linecse-login-container">-->
<!--        <div class="main">-->
<!--            <div class="title">FastBee物联网平台</div>-->
<!--            <div v-if="visible && isUpload === false" class="fixed-message" :class="messageClass">提示: {{ message }}</div>-->
<!--            <div v-if="visible && isUpload === true" class="fixed-message" :class="messageClass">提示: {{ installMessage }}</div>-->
<!--            <div v-if="visible && isUpload === true" class="fixed-message" style="color: #000; margin-top: 80px; font-size: 14px">服务器信息: {{ serverList }}</div>-->

<!--            &lt;!&ndash; 上传文件 &ndash;&gt;-->
<!--            <el-row style="margin-top: 100px" v-if="isUpload === false">-->
<!--                <el-form ref="form" :model="form" label-width="0px" :rules="rules">-->
<!--                    <el-col :span="7">-->
<!--                        <el-form-item label="" prop="fileName">-->
<!--                            <el-input v-model="form.fileName" placeholder="请上传.lic文件" disabled style="width: 100%" readonly></el-input>-->
<!--                        </el-form-item>-->
<!--                    </el-col>-->
<!--                    <el-col :span="3">-->
<!--                        <el-form-item label="">-->
<!--                            <el-upload :action="uploadImgUrl" :on-change="handleChange" :on-success="handleSuccess" :on-error="handleError" :show-file-list="false" :before-upload="handleBeforeUpload" accept=".lic">-->
<!--                                <el-button size="small" type="primary" style="margin-left: 10px" icon="el-icon-plus">上传许可文件</el-button>-->
<!--                            </el-upload>-->
<!--                        </el-form-item>-->
<!--                    </el-col>-->
<!--                </el-form>-->
<!--            </el-row>-->
<!--            &lt;!&ndash; 填写授权相关信息并安装 &ndash;&gt;-->
<!--            <el-form-->
<!--                style="margin-top: 120px; width: 320px; border: 1px solid #e2e2e2; padding: 20px; border-radius: 5px"-->
<!--                ref="installForm"-->
<!--                :model="installForm"-->
<!--                label-width="0px"-->
<!--                :rules="installRules"-->
<!--                v-if="isUpload === true"-->
<!--            >-->
<!--                <el-form-item label="" prop="type">-->
<!--                    <el-select v-model="installForm.type" placeholder="请选择授权类型" style="width: 280px" @change="handleTypeChange" :clearable="true">-->
<!--                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>-->
<!--                    </el-select>-->
<!--                </el-form-item>-->
<!--                <el-form-item label="" prop="subject">-->
<!--                    <el-input v-model="installForm.subject" placeholder="请输入证书名称" style="width: 280px"></el-input>-->
<!--                </el-form-item>-->

<!--                <el-form-item label="" prop="company" v-if="installForm.type === 2">-->
<!--                    <el-input v-model="installForm.company" placeholder="请输入公司名称" style="width: 280px"></el-input>-->
<!--                </el-form-item>-->
<!--                <div style="display: flex; justify-content: space-between">-->
<!--                    <el-button size="small" type="primary" @click="startInstallation">开始安装</el-button>-->
<!--                    <el-button size="small" type="primary" :plain="true" @click="returnStep">上一步</el-button>-->
<!--                </div>-->
<!--            </el-form>-->

<!--            <el-button size="small" style="margin-top: 20px" type="primary" :plain="true" @click="nextStep" v-if="isUpload === false" :disabled="isShowNextBtn">-->
<!--                下一步-->
<!--                <i class="el-icon-right"></i>-->
<!--            </el-button>-->
<!--            <el-dialog title="提示" :visible.sync="dialogVisible" append-to-body width="300px">-->
<!--                <div>安装成功，三秒后跳转登录页...</div>-->
<!--                <span slot="footer" class="dialog-footer">-->
<!--                    <el-button type="primary" @click="redirectToLogin">确认</el-button>-->
<!--                </span>-->
<!--            </el-dialog>-->
<!--        </div>-->
<!--    </div>-->
<!--</template>-->

<!--<script>-->
<!--import { installLicense, getServerInfo, getLicenseInfo } from '@/api/license';-->

<!--export default {-->
<!--    name: 'Lincense',-->
<!--    data() {-->
<!--        return {-->
<!--            isUpload: false, //上传状态，false:待上传，true:已上传-->
<!--            form: {-->
<!--                fileName: '',-->
<!--            },-->
<!--            fileType: ['lic'],-->
<!--            isShowNextBtn: false, //按钮是否可以点击-->
<!--            visible: true,-->
<!--            message: '认证过期或者未认证，请上传文件进行认证！', // 提示信息内容-->
<!--            serverList: '选择授权类型后将显示服务器信息...',-->
<!--            installMessage: '请点击安装', // 安装提示信息内容-->
<!--            messageClass: 'error', // 提示框的样式类-->
<!--            file: null,-->
<!--            uploadImgUrl: process.env.VUE_APP_BASE_API + '/license/upload', // 上传的图片服务器地址-->
<!--            //授权类型-->
<!--            options: [-->
<!--                {-->
<!--                    value: 2,-->
<!--                    label: '公司',-->
<!--                },-->
<!--                {-->
<!--                    value: 3,-->
<!--                    label: '个人',-->
<!--                },-->
<!--                {-->
<!--                    value: 4,-->
<!--                    label: '试用',-->
<!--                },-->
<!--            ],-->
<!--            //证书安装表单-->
<!--            installForm: {-->
<!--                subject: '',-->
<!--                type: '',-->
<!--                region: '',-->
<!--                company: '',-->
<!--            },-->
<!--            dialogVisible: false, //提示框-->
<!--            rules: {-->
<!--                fileName: [{ required: true, message: '请上传文件', trigger: 'blur' }],-->
<!--            },-->
<!--            installRules: {-->
<!--                subject: [{ required: true, message: '请输入证书名称', trigger: 'blur' }],-->
<!--                type: [{ required: true, message: '请选择授权类型', trigger: 'blur' }], // 2:公司 3:个人 4:试用-->
<!--                region: [{ required: true, message: '请输入地域编码', trigger: 'blur' }],-->
<!--                company: [{ required: true, message: '请输入公司名称', trigger: 'blur' }],-->
<!--            },-->
<!--        };-->
<!--    },-->
<!--    mounted() {-->
<!--        this.getLicense();-->
<!--    },-->

<!--    methods: {-->
<!--        getLicense() {-->
<!--            //是否已经认证过-->
<!--            getLicenseInfo()-->
<!--                .then((res) => {-->
<!--                    if (res.code === 200) {-->
<!--                        if (res.data === true) {-->
<!--                            this.$router.push('/login');-->
<!--                        }-->
<!--                    }-->
<!--                })-->
<!--                .catch(() => {});-->
<!--        },-->
<!--        // 下一步-->
<!--        nextStep() {-->
<!--            this.$refs.form.validate((valid) => {-->
<!--                this.installMessage = '请填写授权信息并点击安装！';-->
<!--                this.messageClass = 'success';-->
<!--                if (valid) {-->
<!--                    this.isUpload = true;-->
<!--                    this.reset();-->
<!--                }-->
<!--            });-->
<!--        },-->
<!--        // 上传前校检格式-->
<!--        handleBeforeUpload(file) {-->
<!--            // 校检文件类型-->
<!--            if (this.fileType) {-->
<!--                const fileName = file.name.split('.');-->
<!--                const fileExt = fileName[fileName.length - 1];-->
<!--                const isTypeOk = this.fileType.indexOf(fileExt) >= 0;-->
<!--                if (!isTypeOk) {-->
<!--                    this.$modal.msgError('文件格式不正确，请上传.lic文件！');-->
<!--                    this.isShowNextBtn = true;-->
<!--                    return false;-->
<!--                } else {-->
<!--                    this.isShowNextBtn = false;-->
<!--                    return true;-->
<!--                }-->
<!--            }-->
<!--        },-->
<!--        //获取服务器信息-->
<!--        getServerMsg(value) {-->
<!--            const params = {-->
<!--                type: Number(value),-->
<!--            };-->
<!--            getServerInfo(params)-->
<!--                .then((response) => {-->
<!--                    if (response.code === 200) {-->
<!--                        const serverData = JSON.parse(response.msg);-->
<!--                        if (value === 2) {-->
<!--                            this.serverList = 'ip：' + serverData.ip + ' ; ' + '城市：' + serverData.city + ' ; ' + '城市编码：' + serverData.cityCode;-->
<!--                        } else if (value === 3 || value === 4) {-->
<!--                            this.serverList = 'ip：' + serverData.ip + ' ; ' + 'mac地址：' + serverData.mac;-->
<!--                        }-->
<!--                    } else {-->
<!--                        this.serverList = '暂无服务器信息';-->
<!--                    }-->
<!--                })-->
<!--                .catch((error) => {});-->
<!--        },-->
<!--        //校验表单-->
<!--        validateForm() {-->
<!--            const { subject, type, region, company } = this.installForm;-->
<!--            if (type === 2) {-->
<!--                if (!subject || !region || !company) {-->
<!--                    return false;-->
<!--                }-->
<!--            } else if (type === 3) {-->
<!--                if (!subject) {-->
<!--                    return false;-->
<!--                }-->
<!--            }-->
<!--            return true;-->
<!--        },-->
<!--        // 当type变化时，手动清空某些字段以不影响验证-->
<!--        handleTypeChange(value) {-->
<!--            this.installForm.company = value === 2 ? this.installForm.company : '';-->
<!--            this.installForm.region = value === 2 ? this.installForm.region : '';-->
<!--            this.installForm.subject = '';-->
<!--            this.getServerMsg(value);-->
<!--        },-->
<!--        // 上一步-->
<!--        returnStep() {-->
<!--            this.isUpload = false;-->
<!--            this.message = '请上传文件进行认证！'; // 成功提示信息-->
<!--            this.messageClass = 'success';-->
<!--            this.serverList = '选择授权类型后将显示服务器信息...';-->
<!--        },-->
<!--        handleChange(file, fileList) {-->
<!--            this.form.fileName = file.name;-->
<!--        },-->
<!--        handleSuccess(response, file) {-->
<!--            if (response.code === 200) {-->
<!--                this.visible = true; // 显示提示信息-->
<!--                this.message = '上传成功，可以点击下一步进行安装了'; // 成功提示信息-->
<!--                this.messageClass = 'success';-->
<!--            } else {-->
<!--                this.visible = true;-->
<!--                this.handleError(response);-->
<!--            }-->
<!--        },-->
<!--        handleError(error) {-->
<!--            this.message = error.msg || '上传失败';-->
<!--            this.messageClass = 'error';-->
<!--        },-->
<!--        //开始安装-->
<!--        startInstallation() {-->
<!--            this.visible = true; // 显示提示信息-->
<!--            this.$refs.installForm.validate((valid) => {-->
<!--                if (valid) {-->
<!--                    this.install();-->
<!--                }-->
<!--            });-->
<!--        },-->
<!--        //安装方法-->
<!--        install() {-->
<!--            installLicense(this.installForm)-->
<!--                .then((response) => {-->
<!--                    if (response.code === 200) {-->
<!--                        this.installMessage = response.msg || '安装成功，请登录';-->
<!--                        this.messageClass = 'success';-->
<!--                        this.dialogVisible = true;-->
<!--                        // 3秒后自动跳转-->
<!--                        setTimeout(() => {-->
<!--                            this.dialogVisible = false;-->
<!--                            this.redirectToLogin();-->
<!--                        }, 3000);-->
<!--                    } else {-->
<!--                        this.installMessage = response.msg || '安装失败，请重试';-->
<!--                        this.messageClass = 'error'; // 样式类-->
<!--                    }-->
<!--                })-->
<!--                .catch((error) => {-->
<!--                    this.installMessage = error.message || '证书安装失败';-->
<!--                    this.messageClass = 'error';-->
<!--                });-->
<!--        },-->
<!--        // 跳转登录页-->
<!--        redirectToLogin() {-->
<!--            this.$router.push('/login');-->
<!--        },-->
<!--        reset() {-->
<!--            this.installForm = {-->
<!--                type: '',-->
<!--                subject: '',-->
<!--                region: '',-->
<!--                company: '',-->
<!--            };-->
<!--        },-->
<!--        handleClose() {-->
<!--            this.visible = false;-->
<!--        },-->
<!--    },-->
<!--};-->
<!--</script>-->

<!--<style lang="scss" scoped>-->
<!--.linecse-login-container {-->
<!--    display: flex;-->
<!--    height: 100%;-->
<!--    width: 100%;-->
<!--    /* 背景图覆盖整个元素 */-->
<!--    background-position: center;-->
<!--    background-size: cover;-->
<!--    background-position: left;-->
<!--    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)), url('../../assets/images/back.png');-->

<!--    .main {-->
<!--        width: 50%;-->
<!--        height: 50%;-->
<!--        font-family: 'Montserrat', sans-serif;-->
<!--        position: absolute;-->
<!--        top: 20%;-->
<!--        left: 10%;-->
<!--    }-->
<!--    .title {-->
<!--        font-family: PingFangSC, PingFang SC;-->
<!--        font-weight: 400;-->
<!--        font-size: 40px;-->
<!--        line-height: 24px;-->
<!--        text-align: left;-->
<!--        font-style: normal;-->
<!--    }-->
<!--    @media screen and (max-width: 695px) {-->
<!--        .main {-->
<!--            width: 60%;-->
<!--            height: 50%;-->
<!--            font-family: 'Montserrat', sans-serif;-->
<!--            position: absolute;-->
<!--            top: 10%;-->
<!--            left: 10%;-->
<!--        }-->
<!--        .title {-->
<!--            font-family: PingFangSC, PingFang SC;-->
<!--            font-weight: 400;-->
<!--            font-size: 24px;-->
<!--            line-height: 24px;-->
<!--            text-align: left;-->
<!--            font-style: normal;-->
<!--        }-->
<!--    }-->
<!--}-->
<!--::v-deep .el-progress-bar__innerText {-->
<!--    display: block;-->
<!--    margin: 5px;-->
<!--}-->
<!--.fixed-message {-->
<!--    position: fixed;-->
<!--    font-family: PingFangSC, PingFang SC;-->
<!--    font-weight: 400;-->
<!--    margin-top: 50px;-->
<!--    border-radius: 4px;-->
<!--    font-size: 13px;-->
<!--    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);-->
<!--    transition: opacity 0.3s; /* 增加渐变效果 */-->
<!--}-->

<!--.success {-->
<!--    background-color: #dff0d8;-->
<!--    color: #3c763d;-->
<!--}-->

<!--.error {-->
<!--    background-color: #f2dede;-->
<!--    color: #a94442;-->
<!--}-->
<!--</style>-->
